<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="order by dede58.com"/>
<title>详情页面</title>
<link href="static/css/tk/shopdetail.css" rel="stylesheet" type="text/css">
<script src="static/js/jquery-2.1.1.min.js"></script>
<script src="static/js/tk/ljsGlasses.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
	  var showproduct = {
		  "boxid":"showbox",
		  "sumid":"showsum",
		  "boxw":400,
		  "boxh":550,
		  "sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
		  "sumh":60,//列表每个高度,该版本中请把宽高填写成一样
		  "sumi":7,//列表间隔
		  "sums":5,//列表显示个数
		  "sumsel":"sel",
		  "sumborder":1,//列表边框，没有边框填写0，边框在css中修改
		  "lastid":"showlast",
		  "nextid":"shownext"
		  };//参数定义	  
	 $.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
});
</script>
</head>

<body>
<!-----header部分-------> 

<!-----header结束-------> 
<!-----商品详情部分------->
<div class="shopdetails"> 
    <!-------放大镜-------->
		<div id="leftbox">
			<div id="showbox">
				<img
					src="static/tk/images/shopdetail/img01.png"
					width="400"
					height="550" /> <img
					src="static/tk/images/shopdetail/img02.png"
					width="400"
					height="550" /> <img
					src="static/tk/images/shopdetail/img03.png"
					width="400"
					height="550" /> <img
					src="static/tk/images/shopdetail/img04.png"
					width="400"
					height="550" /> <img
					src="static/tk/images/shopdetail/img05.png"
					width="400"
					height="400" /> <img
					src="static/tk/images/shopdetail/img01.png"
					width="400"
					height="400" />
			</div>
			<!--展示图片盒子-->
			<div id="showsum"></div>
			<!--展示图片里边-->
			<p class="showpage">
				<a
					href="javascript:void(0);"
					id="showlast"> < </a> <a
					href="javascript:void(0);"
					id="shownext"> > </a>
			</p>
		</div>
		<!----中间----->
    
    <div class="centerbox">
        <p class="imgname">叠叠杯水杯茶杯套杯陶瓷咖啡牛奶杯具套装</p>
        <p class="Aprice">价格：<samp>￥89.00</samp></p>
        <p class="price">促销价：<samp>￥49.00</samp></p>
        <p class="youhui">店铺优惠：<samp>购物满两件打八折</samp></p>
        <p class="kefu">客服：</p>
        <ul>
            <li class="kuanshi">款式：</li>
            <li class="now shopimg"><a href="#" title="熊猫套装"><img src="static/tk/images/shopdetail/kuanshi01.jpg" width="45"></a></li>
            <li class="shopimg"><a href="#" title="铁塔套装"><img src="static/tk/images/shopdetail/kuanshi02.jpg" width="45"></a></li>
            <li class="shopimg"><a href="#" title="创意胡子"><img src="static/tk/images/shopdetail/kuanshi03.jpg" width="45"></a></li>
            <li class="shopimg"><a href="#" title="四色小猫"><img src="static/tk/images/shopdetail/kuanshi04.jpg" width="45"></a></li>
        </ul>
        <div class="clear"></div>
        <p class="chima">尺码：</p>
        <p class="buy"><a href="#" id="firstbuy">立即购买</a><a href="#">加入购物车</a></p>
        <div class="clear"></div>
        <div class="fenx"><a href="#"><img src="static/tk/images/shopdetail/tell07.png"></a></div>
        <p class="fuwu">服务承诺：</p>
        <p class="pay">支付方式：</p>
    </div>
    
    <!-----右边------->
    <div class="rightbox">
        <p class="name">——热卖商品</p>
        <img src="static/tk/images/shopdetail/reimai02.jpg" width="130" height="180">
        <p>￥58元</p>
        <img src="static/tk/images/shopdetail/reimai01.jpg" width="130" height="180">
        <p>￥58元</p>
        <img src="static/tk/images/shopdetail/reimai03.jpg" width="130" height="180">
        <p>￥58元</p>
    </div>
</div>
<!-----商品详情部分结束-------> 
<!-----商品详情评价部分------->

<!-----商品详情评价部结束分-------> 

<!----bottom_页脚部分----->
<div class="backf">
    
</div>
</body>
</html>
